<template>
  <Modal v-model="modal" :title="title">
    <div class="dealer-info-modal h400 scroll">
      <Form :label-width="80">
        <Row class="pr">
          <Col span="20">
            <FormItem label="单位名称">
              <Input placeholder="请输入经销商联系手机" :maxlength="60"/>
            </FormItem>
          </Col>
          <Col span="4">
            <Button type="primary" class="ml" @click="">查询</Button>
          </Col>
        </Row>
      </Form>
      <Row>
        <Table
          :height="options.tableHeight"
          stripe
          :columns="list.columns1"
          :data="list.data"
          @on-selection-change="onSelectionChange"
          no-data-text="亲，没有找到相关记录哦！~"></Table>
        <div class="pager">
          <Page
            :total="list.totalItem"
            :current="list.currentPage"
            :page-size="list.pageSize"
            @on-change="onPageChange"
            @on-page-size-change="onPageSizeChange"
            show-sizer
            placement="top"></Page>
        </div>
        <Loader :status="list.status" @refresh="getData"></Loader>
      </Row>
      <Row>
        <p>经销商绑定列表</p>
        <Table
          :height="options.tableHeight"
          stripe
          :columns="list.columns2"
          :data="list.data"
          @on-selection-change="onSelectionChange"
          no-data-text="亲，没有找到相关记录哦！~"></Table>
      </Row>
    </div>
    <div slot="footer">
        <Button @click="modal = false" size="large" type="text">取消</Button>
        <Button :disabled="btnDisabled" @click="onSave" type="primary" size="large">绑定</Button>
    </div>
</Modal>
</template>
<script>
  import list from './DealerInfoModelListData'
export default {
  data() {
    return {
      id: null,
      modal: false,
      title: '绑定ERP经销商',
      options: {
        tableHeight: 200
      },
      list
    };
  },
  methods: {
    openModal() {
      this.modal = true;
    },
    closeModal() {
      this.modal = false;
    },
  }
}
</script>

